<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Xioami MIX Fold 4 立即购买</title>
    <link rel="stylesheet" href="2.css">
    <script src="./js2.js"></script>
</head>

<body>
    <div class="black-nav">
        <div class="wrap">
            <ul class="black-nav-left">
                <li><a href="https://www.mi.com/">小米官网</a><span>|</span></li>
                <li><a href="#">小米商城</a><span>|</span></li>
                <li><a href="https://hyperos.mi.com/">小米澎湃OS</a><span>|</span></li>
                <li><a href="https://www.xiaomiev.com/">小米汽车</a><span>|</span></li>
                <li><a href="https://i.mi.com/">云服务</a><span>|</span></li>
                <li><a href="https://iot.mi.com/">IoT</a><span>|</span></li>
                <li><a href="https://www.xiaomiyoupin.com/">有品</a><span>|</span></li>
                <li><a href="https://xiaoai.mi.com/">小爱开放平台</a><span>|</span></li>
                <li><a href="https://www.mi.com/shop/aptitude/list?id=88">资质证照</a><span>|</span></li>
                <li><a href="https://www.mi.com/shop/aptitude/list">协议规则</a><span>|</span></li>
                <li>
                    <a href="#">下载App</a><span>|</span>
                    <div class="download">
                        <img src="./img/a.png" alt="">
                        <p>小米商城app</p>
                    </div>
                </li>
                <li><a href="#">Select Location</a></li>
            </ul>
            <ul class="black-nav-right">
                <li><a href="#">登录</a><span>|</span></li>
                <li><a href="#">注册</a><span>|</span></li>
                <li><a href="#">消息通知</a></li>
                <li class="cart">
                    <a href="#">

                        <p>购物车（0）</p>
                    </a>
                    <div class="cart-list">
                        购物车中还没有商品，赶紧选购吧！
                    </div>
                </li>
            </ul>

        </div>
    </div>


    <div class="white-nav">
        <div class="wrap">
            <div class="logo">
                <img src="./img/milogo.png" alt="">
                <div class="allgoods">
                    <a href="#">全部商品分类</a>
                    <div class="slide">
                        <ul>
                            <li><a href="#">手机</a>
                                <div class="slide-list">
                                    <ul>
                                        <li>
                                            <a href="#">
                                                <img src="./img/Flip.webp" alt="">
                                                <span>Xiaomi MIX系列</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="#">电视</a>
                                <div class="slide-list">
                                    <ul>
                                        <li>
                                            <a href="#">
                                                <img src="./img/dianshi.webp" alt="">
                                                <span>小米电视 S Pro Mini LED</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="#">家电</a>
                                <div class="slide-list">
                                    <ul>
                                        <li>
                                            <a href="#">
                                                <img src="./img/air.png" alt="">
                                                <span>壁挂空调</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="#">笔记本 平板 显示器</a>
                                <div class="slide-list">
                                    <ul>
                                        <li>
                                            <a href="#">
                                                <img src="./img/A27U.webp" alt="">
                                                <span>Redmi A27U 显示器</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="#">出行 穿戴</a>
                                <div class="slide-list">
                                    <ul>
                                        <li>
                                            <a href="#">
                                                <img src="./img/miband9.webp" alt="">
                                                <span>Xiaomi MIX系列</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="#">耳机 音箱</a>
                                <div class="slide-list">
                                    <ul>
                                        <li>
                                            <a href="#">
                                                <img src="./img/buts6.png" alt="">
                                                <span>Redmi Buds 6</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="#">健康 儿童</a>
                                <div class="slide-list">
                                    <ul>
                                        <li>
                                            <a href="#">
                                                <img src="./img/xishouji.jpg" alt="">
                                                <span>洗手机</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="#">生活 箱包</a>
                                <div class="slide-list">
                                    <ul>
                                        <li>
                                            <a href="#">
                                                <img src="./img/bag.jpg" alt="">
                                                <span>小背包</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="#">智能 路由器</a>
                                <div class="slide-list">
                                    <ul>
                                        <li>
                                            <a href="#">
                                                <img src="./img/luyouqi.webp" alt="">
                                                <span>路由器</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="#">电源 配件</a>
                                <div class="slide-list">
                                    <ul>
                                        <li>
                                            <a href="#">
                                                <img src="./img/chapai.jpg" alt="">
                                                <span>插排</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
            <div class="nav-bar">
                <ul>
                    <li>
                        <a href="#">Xiaomi手机</a>
                        <div class="nav-bar-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/Fold.webp" alt="">
                                                <p class="name">Xiaomi MIX Fold 4</p>
                                                <p class="price">8999元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/MIX Flip.webp" alt="">
                                                <p class="name">Xiaomi MIX Flip</p>
                                                <p class="price">5999元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/civi4pro.png" alt="">
                                                <p class="name">Xiaomi Civi 4 Pro</p>
                                                <p class="price">2799元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/14ultra.webp" alt="">
                                                <p class="name">Xiaomi 14 Ultra</p>
                                                <p class="price">5999元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/114pro.webp" alt="">
                                                <p class="name">Xiaomi 14 Pro</p>
                                                <p class="price">4599元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/14.webp" alt="">
                                                <p class="name">Xiaomi 14</p>
                                                <p class="price">3999元起</p>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">Redmi手机</a>
                        <div class="nav-bar-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/redmi.webp" alt="">
                                                <p class="name">Redmi Note 14 Pro</p>
                                                <p class="price">1899元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/redmi.webp" alt="">
                                                <p class="name">Redmi Note 14 Pro</p>
                                                <p class="price">1899元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/redmi.webp" alt="">
                                                <p class="name">Redmi Note 14 Pro</p>
                                                <p class="price">1899元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/redmi.webp" alt="">
                                                <p class="name">Redmi Note 14 Pro</p>
                                                <p class="price">1899元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/redmi.webp" alt="">
                                                <p class="name">Redmi Note 14 Pro</p>
                                                <p class="price">1899元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/redmi.webp" alt="">
                                                <p class="name">Redmi Note 14 Pro</p>
                                                <p class="price">1899元起</p>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">电视</a>
                        <div class="nav-bar-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/mitv.webp" alt="">
                                                <p class="name">小米电视 S Pro 75</p>
                                                <p class="price">6499元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/mitv.webp" alt="">
                                                <p class="name">小米电视 S Pro 75</p>
                                                <p class="price">6499元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/mitv.webp" alt="">
                                                <p class="name">小米电视 S Pro 75</p>
                                                <p class="price">6499元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/mitv.webp" alt="">
                                                <p class="name">小米电视 S Pro 75</p>
                                                <p class="price">6499元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/mitv.webp" alt="">
                                                <p class="name">小米电视 S Pro 75</p>
                                                <p class="price">6499元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/mitv.webp" alt="">
                                                <p class="name">小米电视 S Pro 75</p>
                                                <p class="price">6499元起</p>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">笔记本</a>
                        <div class="nav-bar-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/laptop.webp" alt="">
                                                <p class="name">Redmi Book Pro 16</p>
                                                <p class="price">6499元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/laptop.webp" alt="">
                                                <p class="name">Redmi Book Pro 16</p>
                                                <p class="price">6499元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/laptop.webp" alt="">
                                                <p class="name">Redmi Book Pro 16</p>
                                                <p class="price">6499元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/laptop.webp" alt="">
                                                <p class="name">Redmi Book Pro 16</p>
                                                <p class="price">6499元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/laptop.webp" alt="">
                                                <p class="name">Redmi Book Pro 16</p>
                                                <p class="price">6499元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/laptop.webp" alt="">
                                                <p class="name">Redmi Book Pro 16</p>
                                                <p class="price">6499元起</p>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">平板</a>
                        <div class="nav-bar-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/pad6.webp" alt="">
                                                <p class="name">Xiaomi Pad 6 Pro</p>
                                                <p class="price">2499元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/pad6.webp" alt="">
                                                <p class="name">Xiaomi Pad 6 Pro</p>
                                                <p class="price">2499元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/pad6.webp" alt="">
                                                <p class="name">Xiaomi Pad 6 Pro</p>
                                                <p class="price">2499元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/pad6.webp" alt="">
                                                <p class="name">Xiaomi Pad 6 Pro</p>
                                                <p class="price">2499元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/pad6.webp" alt="">
                                                <p class="name">Xiaomi Pad 6 Pro</p>
                                                <p class="price">2499元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/pad6.webp" alt="">
                                                <p class="name">Xiaomi Pad 6 Pro</p>
                                                <p class="price">2499元起</p>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">家电</a>
                        <div class="nav-bar-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/wash.webp" alt="">
                                                <p class="name">米家洗烘一体机</p>
                                                <p class="price">1899元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/wash.webp" alt="">
                                                <p class="name">米家洗烘一体机</p>
                                                <p class="price">1899元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/wash.webp" alt="">
                                                <p class="name">米家洗烘一体机</p>
                                                <p class="price">1899元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/wash.webp" alt="">
                                                <p class="name">米家洗烘一体机</p>
                                                <p class="price">1899元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/wash.webp" alt="">
                                                <p class="name">米家洗烘一体机</p>
                                                <p class="price">1899元起</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/wash.webp" alt="">
                                                <p class="name">米家洗烘一体机</p>
                                                <p class="price">1899元起</p>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">路由器</a>
                        <div class="nav-bar-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/luyou.webp" alt="">
                                                <p class="name">Xiaomi 路由器 AX3000T</p>
                                                <p class="price">159元</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/luyou.webp" alt="">
                                                <p class="name">Xiaomi 路由器 AX3000T</p>
                                                <p class="price">159元</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/luyou.webp" alt="">
                                                <p class="name">Xiaomi 路由器 AX3000T</p>
                                                <p class="price">159元</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/luyou.webp" alt="">
                                                <p class="name">Xiaomi 路由器 AX3000T</p>
                                                <p class="price">159元</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/luyou.webp" alt="">
                                                <p class="name">Xiaomi 路由器 AX3000T</p>
                                                <p class="price">159元</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/luyou.webp" alt="">
                                                <p class="name">Xiaomi 路由器 AX3000T</p>
                                                <p class="price">159元</p>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">服务中心</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
            </div>
            <div class="search">
                <input type="text" placeholder="吹风机"></input>
                <button class="iconfont">搜索</button>

            </div>
        </div>
    </div>

    <!-- 商品导航栏 -->

    <div class="name-nav">
        <div class="wrap">
            <h2>Xiaomi MIX Fold 4</h2>
            <div class="name-nav-left">
                <span>|</span>
                <a href="#">Xiaomi MIX Fold 3</a>
            </div>
            <div class="name-nav-right">
                <ul>
                    <li><a href="#">概述页</a><span>|</span></li>
                    <li><a href="#">参数页</a><span>|</span></li>
                    <li><a href="#">F码通道</a><span>|</span></li>
                    <li><a href="#">咨询客服</a><span>|</span></li>
                    <li><a href="#">用户评价</a></li>
                </ul>
            </div>
        </div>
    </div>
    


    <!-- 内容 -->
    <div class="content">
        <div class="wrap">
            <div class="content-left">
                <img src="./img/product.png" alt="">
            </div>
            <div class="content-right">
                <div class="content-right-title">
                    <h2 class="name">Xiaomi MIX Fold 4</h2>
                    <p class="product">超轻薄四曲面机身|小米龙骨转轴2.0|全碳纤维支撑架构|徕卡光学全明星四摄|第三代骁龙8</p>
                    <p class="comeform">小米自营</p>
                    <p class="price">9999元</p>
                </div>
                <div class="content-right-gift">
                    <p class="name">赠品</p>
                    <p class="product">价值199元皮革保护壳（适配Xiaomi MIX Fold 4 ） 黑色x1，赠完即止</p>
                </div>
                <div class="content-right-address">
                    <div class="desc">
                        <p class="adr">北京</p>
                        <p class="adr">北京市</p>
                        <p class="adr">海淀区</p>
                        <p class="adr">清河街道</p>
                        <a href="#" class="modify">修改</a>
                    </div>
                    <div class="desc">
                        <p class="now">有现货</p>
                    </div>
                </div>
                <div class="choose">
                    <p>选择版本</p>
                    <a href="javascript:void(0);">16+512</a>
                    <a href="javascript:void(0);">12+256</a>
                    <a href="javascript:void(0);">16+1T</a>
                </div>
                <div class="choose">
                    <p>选择颜色</p>
                    <a href="javascript:void(0);">龙胆蓝</a>
                    <a href="javascript:void(0);">白色</a>
                    <a href="javascript:void(0);">黑色</a>
                    <a href="javascript:void(0);">龙鳞纤维版</a>
                </div>

                <div class="service">
                    <div class="service-top">
                        <p>选择小米提供的尊享换新计划</p>
                        <a>了解尊享换新计划 ></a>
                    </div>
                    <div class="service-body">
                        <div class="service-body-check">
                            <input type="checkbox" name="" id="">
                        </div>
                        <div class="service-body-img">
                            <img src="./img/fuwu1.png" alt="">
                        </div>
                        <div class="service-body-box">
                            <h3>保值换新服务</h3>
                            <p>149元</p>
                            <p>Xiaomi MIX Fold 4保值换新服务</p>
                            <p>购买前请阅读</p>
                            <p>服务条款 | 常见问题</p>
                            <p>149元</p>
                        </div>
                    </div>
                </div>

                <div class="service">
                    <div class="service-top">
                        <p>选择小米提供的尊享服务</p>
                        <a>了解尊享服务 ></a>
                    </div>
                    <div class="service-body">
                        <div class="service-body-check">
                            <input type="checkbox" name="" id="">
                        </div>
                        <div class="service-body-img">
                            <img src="./img/micare.png" alt="">
                        </div>
                        <div class="service-body-box">
                            <h3>MiCare</h3>
                            <p>已省771元</p>
                            <p>2年一次碎屏保+1年延保</p>
                            <p>购买前请阅读</p>
                            <p>服务条款 | 常见问题</p>
                            <p>1798元</p>
                        </div>
                    </div>
                </div>

                <div class="service">
                    <div class="service-top">
                        <p>选择小米提供的意外保护</p>
                        <a>了解意外保护 ></a>
                    </div>
                    <div class="service-body">
                        <div class="service-body-check">
                            <input type="checkbox" name="" id="">
                        </div>
                        <div class="service-body-img">
                            <img src="./img/micare.png" alt="">
                        </div>
                        <div class="service-body-box">
                            <h3>碎屏保1年</h3>
                            <p>碎屏免费修</p>
                            <p>1年1次碎屏 官方原厂 免费维修</p>
                            <p>购买前请阅读</p>
                            <p>服务条款 | 常见问题</p>
                            <p>1399元</p>
                        </div>
                    </div>
                </div>

                <div class="service">
                    <div class="service-top">
                        <p>选择小米提供的延长保修</p>
                        <a>了解延长保修 ></a>
                    </div>
                    <div class="service-body">
                        <div class="service-body-check">
                            <input type="checkbox" name="" id="">
                        </div>
                        <div class="service-body-img">
                            <img src="./img/micare.png" alt="">
                        </div>
                        <div class="service-body-box">
                            <h3>延长保1年</h3>
                            <p>499元</p>
                            <p>性能故障 官方原厂 多次免费维修</p>
                            <p>购买前请阅读</p>
                            <p>服务条款 | 常见问题</p>
                            <p>499元</p>
                        </div>
                    </div>
                </div>

                <div class="service">
                    <div class="service-top">
                        <p>选择小米提供的云空间服务</p>
                        <a>了解云空间服务 ></a>
                    </div>
                    <div class="service-body">
                        <div class="service-body-check">
                            <input type="checkbox" name="" id="">
                        </div>
                        <div class="service-body-img">
                            <img src="./img/micloud.png" alt="">
                        </div>
                        <div class="service-body-box">
                            <h3>云空间月卡50G</h3>
                            <p>6元</p>
                            <p>主商品签收后，自动激活至下单账号</p>
                            <p>购买前请阅读</p>
                            <p>服务条款 | 常见问题</p>
                            <p>6元</p>
                        </div>
                    </div>

                    <div class="service-body">
                        <div class="service-body-check">
                            <input type="checkbox" name="" id="">
                        </div>
                        <div class="service-body-img">
                            <img src="./img/micloud.png" alt="">
                        </div>
                        <div class="service-body-box">
                            <h3>云空间年卡50G</h3>
                            <p>58元</p>
                            <p>主商品签收后，自动激活至下单账号</p>
                            <p>购买前请阅读</p>
                            <p>服务条款 | 常见问题</p>
                            <p>58元</p>
                        </div>
                    </div>

                    <div class="service-body">
                        <div class="service-body-check">
                            <input type="checkbox" name="" id="">
                        </div>
                        <div class="service-body-img">
                            <img src="./img/micloud.png" alt="">
                        </div>
                        <div class="service-body-box">
                            <h3>云空间年卡200G</h3>
                            <p>208元</p>
                            <p>主商品签收后，自动激活至下单账号</p>
                            <p>购买前请阅读</p>
                            <p>服务条款 | 常见问题</p>
                            <p>208元</p>
                        </div>
                    </div>

                    <div class="service-body">
                        <div class="service-body-check">
                            <input type="checkbox" name="" id="">
                        </div>
                        <div class="service-body-img">
                            <img src="./img/micloud.png" alt="">
                        </div>
                        <div class="service-body-box">
                            <h3>云空间月卡200G</h3>
                            <p>6元</p>
                            <p>主商品签收后，自动激活至下单账号</p>
                            <p>购买前请阅读</p>
                            <p>服务条款 | 常见问题</p>
                            <p>21元</p>
                        </div>
                    </div>
                </div>

                <div class="btn">
                    <a href="#" class="addcar">加入购物车</a>
                    <a href="#" class="like">喜欢</a>
                </div>

                <div class="after">
                    <span>小米自营</span>
                    <span>小米发货</span>
                    <span>7天无理由（到店自取开封后不支持）</span>
                    <span>运费说明</span>
                    <span>企业信息</span>
                    <span>售后服务政策</span>
                    <span>7天价格保护</span>
                </div>
            </div>
        </div>
    </div>

    <!-- 价格说明 -->
    <div class="detail">
        <h3>价格说明</h3>
        <img src="./img/shuoming.png" alt="">
    </div>

    <!-- 页脚 -->
    <div class="footer">
        <div class="wrap">
            <div class="footer-service">
                <ul>
                    <li>
                        <a href="#">
                            <span>预约维修服务</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>7天无理由退货</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>15天免费换货</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>满69包邮</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>1100余家售后网点</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="footer-link">
                <ul>
                    <li></li>
                </ul>
                <ul>
                    <li>选购指南</li>
                    <li>
                        <a href="#">手机</a>
                    </li>
                    <li>
                        <a href="#">电视</a>
                    </li>
                    <li>
                        <a href="#">笔记本</a>
                    </li>
                    <li>
                        <a href="#">平板</a>
                    </li>
                    <li>
                        <a href="#">穿戴</a>
                    </li>
                    <li>
                        <a href="#">耳机</a>
                    </li>
                    <li>
                        <a href="#">家电</a>
                    </li>
                    <li>
                        <a href="#">路由器</a>
                    </li>
                    <li>
                        <a href="#">音箱</a>
                    </li>
                    <li>
                        <a href="#">配件</a>
                    </li>
                </ul>
                <ul>
                    <li>服务中心</li>
                    <li>
                        <a href="#">申请售后</a>
                    </li>
                    <li>
                        <a href="#">售后政策</a>
                    </li>
                    <li>
                        <a href="#">维修服务价格</a>
                    </li>
                    <li>
                        <a href="#">订单查询</a>
                    </li>
                    <li>
                        <a href="#">以旧换新</a>
                    </li>
                    <li>
                        <a href="#">保障服务</a>
                    </li>
                    <li>
                        <a href="#">防伪查询</a>
                    </li>
                    <li>
                        <a href="#">F码通道</a>
                    </li>
                </ul>
                <ul>
                    <li>线下门店</li>
                    <li>
                        <a href="#">小米之家</a>
                    </li>
                    <li>
                        <a href="#">服务网点</a>
                    </li>
                    <li>
                        <a href="#">授权体验店/专区</a>
                    </li>
                </ul>
                <ul>
                    <li>关于小米</li>
                    <li>
                        <a href="#">了解小米</a>
                    </li>
                    <li>
                        <a href="#">加入小米</a>
                    </li>
                    <li>
                        <a href="#">投资者关系</a>
                    </li>
                    <li>
                        <a href="#">可持续发展</a>
                    </li>
                    <li>
                        <a href="#">廉洁举报</a>
                    </li>
                </ul>
                <ul>
                    <li>关注我们</li>
                    <li>
                        <a href="#">新浪微博</a>
                    </li>
                    <li>
                        <a href="#">官方微信</a>
                    </li>
                    <li>
                        <a href="#">联系我们</a>
                    </li>
                    <li>
                        <a href="#">公益基金会</a>
                    </li>
                </ul>
                
                <div class="footer-aside">
                    <p class="tel">400-100-5678</p>
                    <p class="time">8:00-18:00（仅收市话费）</p>
                    <a href="#" class="kefu">人工客服</a>
                    <p class="tel">400-100-8888</p>
                    <p class="time">8:00-18:00（仅收市话费）</p>
                    <a href="#" class="kefu">人工客服</a>
                </div>
            </div>



            <!-- 底部 -->
            <div class="bottom">
                <div class="wrap">
                    <div class="bottom-logo">
                        <img src="./img/milogo.png" alt="">
                    </div>
                    <div class="bottom-text">
                        <ul class="bottom-text-top">
                            <li><a href="#">小米商城</a><span>|</span></li>
                            <li><a href="#">小米澎湃OS</a><span>|</span></li>
                            <li><a href="#">米家</a><span>|</span></li>
                            <li><a href="#">多看</a><span>|</span></li>
                            <li><a href="#">游戏</a><span>|</span></li>
                            <li><a href="#">音乐</a><span>|</span></li>
                            <li><a href="#">政企服务</a><span>|</span></li>
                            <li><a href="#">小米天猫店</a><span>|</span></li>
                            <li><a href="#">小米集团隐私政策</a><span>|</span></li>
                            <li><a href="#">小米公司儿童信息保护规则</a><span>|</span></li>
                            <li><a href="#">小米商城隐私政策</a><span>|</span></li>
                            <li><a href="#">小米商城用户协议</a><span>|</span></li>
                            <li><a href="#">问题反馈</a><span>|</span></li>
                            <li><a href="#">Select Location</a><span></span></li>
                        </ul>
                        <ul class="bottom-text-top">
                            <li><a href="#">北京互联网法院法律服务工作站</a><span>|</span></li>
                            <li><a href="#">中国消费者协会</a><span>|</span></li>
                            <li><a href="#">北京市消费者协会</a><span></span></li>
                        </ul>
                        <ul class="bottom-text-middle">
                            <li>© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2023]0169-004号</li>
                            <li>（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告</li>
                            <li>增值电信业务经营许可证编号：京B2-20180851 网络食品经营备案 京食药网食备202010048   食品经营许可证 新出发京批字第直220280号</li>
                            <li>违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</li>
                        </ul>

                    </div>
                </div>
            </div>
        </div>
    </div>



</body>

</html>